<!DOCTYPE html>
<html class="loading" lang="en" data-textdirection="ltr">
  <!-- BEGIN: Head-->
  <head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=0, minimal-ui">
    <title>领券测试 - 生态圈后台</title>
    <link rel="icon" th:href="@{/images/favicon.ico}" th:mce_href="@{/images/favicon.ico}" type="image/x-icon">
    <link rel="shortcut icon" th:href="@{/images/favicon.ico}" th:mce_href="@{/images/favicon.ico}" type="image/x-icon">
    <link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
    <link rel="stylesheet" type="text/css" href="app-assets/vendors/vendors.min.css" th:href="@{/app-assets/vendors/vendors.min.css}">
    <link rel="stylesheet" type="text/css" href="app-assets/vendors/data-tables/css/jquery.dataTables.min.css" th:href="@{/app-assets/vendors/data-tables/css/jquery.dataTables.min.css}">
    <link rel="stylesheet" type="text/css" href="app-assets/css/themes/vertical-gradient-menu-template/materialize.css" th:href="@{/app-assets/css/themes/vertical-gradient-menu-template/materialize.css}">
    <link rel="stylesheet" type="text/css" href="app-assets/css/themes/vertical-gradient-menu-template/style.css" th:href="@{/app-assets/css/themes/vertical-gradient-menu-template/style.css}">
    <link rel="stylesheet" type="text/css" href="app-assets/css/custom/custom.css" th:href="@{/app-assets/css/custom/custom.css}">
    <link rel="stylesheet" type="text/css" href="app-assets/css/pages/dashboard.css" th:href="@{/app-assets/css/pages/dashboard.css}">
    <link rel="stylesheet" type="text/css" href="app-assets/css/pages/data-tables.css" th:href="@{/app-assets/css/pages/data-tables.css}">
  </head>
  <!-- END: Head-->
  <body class="vertical-layout page-header-light vertical-menu-collapsible vertical-gradient-menu 2-columns app-page" data-open="click" data-menu="vertical-gradient-menu" data-col="2-columns">

    <header class="page-topbar" id="header">
      <div class="navbar navbar-fixed">
        <nav class="navbar-main navbar-color nav-collapsible sideNav-lock navbar-light">
          <div class="nav-wrapper">
            <ul class="navbar-list right">
              <li><a class="waves-effect waves-block waves-light profile-button" href="javascript:void(0);" data-target="profile-dropdown"><span sec:authentication="name">admin</span></a></li>
            </ul>
            <ul class="dropdown-content" id="profile-dropdown">
              <li><a class="grey-text text-darken-1" href="user-lock-screen.html"><i class="material-icons">vpn_key</i> 测试菜单1</a></li>
              <li><a class="grey-text text-darken-1" href="user-login.html"><i class="material-icons">keyboard_tab</i> 测试菜单2</a></li>
            </ul>
          </div>
        </nav>
      </div>
    </header>

    <!-- BEGIN: SideNav-->
    <aside class="sidenav-main nav-expanded nav-lock nav-collapsible sidenav-light sidenav-active-square">
      <div class="brand-sidebar">
        <h1 class="logo-wrapper brand-logo darken-1"><span class="logo-text hide-on-med-and-down blue-text text-darken-4">测试后台</span></h1>
      </div>
      <ul class="sidenav sidenav-collapsible leftside-navigation collapsible sidenav-fixed menu-shadow" id="slide-out" data-menu="menu-navigation" data-collapsible="menu-accordion">
        <li class="navigation-header"><a class="navigation-header-text">功能</a><i class="navigation-header-icon material-icons">more_horiz</i>
        </li>
        <li class="active bold"><a class="waves-effect waves-cyan active " href="obtain.html" th:href="@{/test/obtainment}"><i class="material-icons">mail_outline</i><span class="menu-title" data-i18n="">领券</span></a>
        </li>
        <!-- <li class="active bold"><a class="waves-effect waves-cyan active " href="app-email.html"><i class="material-icons">mail_outline</i><span class="menu-title" data-i18n="">选中</span></a>
        </li> -->
      </ul>
      <div class="navigation-background"></div><a class="sidenav-trigger btn-sidenav-toggle btn-floating btn-medium waves-effect waves-light hide-on-large-only" href="#" data-target="slide-out"><i class="material-icons">menu</i></a>
    </aside>
    <!-- END: SideNav-->

    <!-- BEGIN: Page Main-->
    <div id="main">
      <div class="row">

<!-- BEGIN: Content -->
<div class="col s12">
  <div id="button-trigger" class="card card card-default scrollspy">
    <div class="card-content">
      <h5 class="card-title">领取优惠券</h5>
      <div class="row">
        <div class="col s12">&nbsp;</div>
        <div class="col s12">
          <div class="container">
            <div class="input-field col s6 offset-s3">
              <select>
                <option value="" disabled selected>请选择</option>
                <option th:each="a : ${activities}" th:value="${a.id}"  th:text="${a.title}">Option 1</option>
              </select>
              <label>权益</label>
            </div>

            <div class="input-field col s6 offset-s3">
              <input id="custom_no" type="text">
              <label for="custom_no">客户ID</label>
            </div>
          </div>
        </div>

        <div class="col s12">&nbsp;</div>
        <div class="col s12">&nbsp;</div>
        <div class="col s12 center">
          <a class="waves-effect waves-light btn-small light-blue">领券</a>
        </div>
        <div class="col s12">&nbsp;</div>
        <div class="col s12">&nbsp;</div>
      </div>
    </div>
  </div>
</div>
<!-- END: Content -->

      </div>
    </div>
    <!-- END: Page Main-->

    <!-- BEGIN: Modal -->
    <!-- END: Modal -->

    <!-- BEGIN: Footer-->

    <footer class="page-footer footer footer-static footer-light navbar-border navbar-shadow">
      <div class="footer-copyright">
        <div class="container"><span>&copy; 2019 Shandong Yumo. All rights reserved.</span></div>
      </div>
    </footer>

    <!-- END: Footer-->

    <script src="app-assets/js/vendors.min.js" type="text/javascript" th:src="@{/app-assets/js/vendors.min.js}"></script>
    <script src="app-assets/vendors/chartjs/chart.min.js" type="text/javascript" th:src="@{/app-assets/vendors/chartjs/chart.min.js}"></script>
    <script src="app-assets/js/plugins.js" type="text/javascript" th:src="@{/app-assets/js/plugins.js}"></script>
    <script src="app-assets/js/custom/custom-script.js" type="text/javascript" th:src="@{/app-assets/js/custom/custom-script.js}"></script>
    <script src="app-assets/js/scripts/test/obtain.js" type="text/javascript" th:src="@{/app-assets/js/scripts/test/obtain.js}"></script>

  </body>
</html>
